@charset "utf-8";

/*
 * @title           登录
 * @author          moocss
 * @email           moocss@gmail.com
 * @version         1.0
 * @update          $Date: 2014-07-15 $
 */

/*-----------------------------------------------
	reset styles
-----------------------------------------------*/
html{color:#333;background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,textarea,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,address,time,mark,audio,video{margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]),[hidden]{display:none;}iframe{display:block;}body,button,input,select,textarea,legend{font:12px/1.5 '\5b8b\4f53',tahoma,arial,sans-serif;}html,body,fieldset,img,iframe,abbr{border:0;}code,kbd,pre,samp{font-family:inherit;}address,cite,dfn,em,var,i{font-style:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6,small{font-size:100%;}b,strong{font-weight:bold;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic;}table{border-collapse:collapse;border-spacing:0;vertical-align:middle;}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle;}legend{*margin-left:-7px;color:#000;}a,ins{text-decoration:none;}del{text-decoration:line-through;}acronym,abbr{border-bottom:1px dotted;font-variant:normal;}abbr{cursor:help;}a:hover{text-decoration:underline;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}sub,sup{font-size:83%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}button,input,select,textarea{font-size:100%;vertical-align:middle;}input,button{*overflow:visible;line-height:normal;}input::-moz-focus-inner,button::-moz-focus-inner{padding:0;border:0;}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}*html button{cursor:pointer;}input[type="search"]{box-sizing:content-box;-webkit-appearance:textfield;}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;resize:vertical;}
a{color:#333;}
a:hover{color:#CD000E;}

object{display: block;}

/*-----------------------------------------------
	common styles
-----------------------------------------------*/

/* text align */

.tc{ text-align:center; }
.tr{ text-align:right; }
.tj{ text-align:justify;text-justify:inter-ideograph; }

/* float and clear */

.fl{ float:left;display:inline; }
.fr{ float:right;display:inline;}
.cb{ clear:both; }

.tid{text-indent: 2em;}

.fn-ib{ display:inline-block;*display:inline;*zoom:1; }
.fn-ff0{ font-family:arial,'\5b8b\4f53'; }
.fn-ff1{ font-family:'Microsoft YaHei','\5fae\8f6f\96c5\9ed1',arial,'\5b8b\4f53'; }
.fn-pre{ overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all; }
.fn-wwb{ white-space:normal;word-wrap:break-word;word-break:break-all; }
.fn-toe{ overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis; }
.fn-usn{ -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none; }
.fn-g{letter-spacing:-.31em;*letter-spacing:normal;word-spacing:-.43em;*word-spacing:-.43em;text-rendering:optimizespeed;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;}
.fn-g-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;}

.fwb{font-weight: bold;}

/* clear */

.clear { clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; }

/* images hide text */

.hide-text { font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;visibility: hidden; }

/* contain floats */

.group:before,
.group:after,.layout:before,.layout:after{ content: "\0020"; display: block; height: 0; overflow: hidden; }
.group:after,.layout:after{ clear: both; }
.group,.layout{ zoom: 1; }

.container{width: 1000px;margin-right:auto;margin-left:auto}
.container:before,.container:after{display:table;content:"\0020";}
.container:after{clear:both}

/*----------------------------------------------
	primary styles
----------------------------------------------*/
html,body{height: 100%;}
body{
	background: url(../images/login/bg.jpg) 50% 50% no-repeat;
	background-size: cover;
	/* 支持 6-8 背景自适应，请使用绝对路径 例如：http://127.0.0.1/images/login/bg.jpg */
	/*-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/login/bg.jpg', sizingMethod='scale')";
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/login/bg.jpg', sizingMethod='scale');*/
}

.login-box{position: absolute;top: 50%;left: 50%;margin: -263px 0 0 -204px;width: 408px;height: 526px;}
.login-box .hd{height: 70px;line-height: 70px;background: url(../images/login/logo.png) 50% 50% no-repeat;}
.login-box .hd h2{text-indent: -999em;}
.login-box .bd{min-height: 310px;_height: 310px;padding: 44px 44px 20px;font-size: 14px;background: url(../images/login/login_bg.png) 0 0 repeat;}
.login-box .form-group{position: relative;}
.login-box .form-label{position: absolute;top:10px;left: 10px;width: 62px;height: 36px;border-right: 1px dotted #999;text-indent: -999em;background: url(../images/login/sp.png) 0 -999em no-repeat;}
.login-box .form-label-name{background-position: 10px 3px;}
.login-box .form-label-pwd{background-position: 10px -42px;}
.login-box .ipt,.login-box .btn{width: 222px;padding-left: 86px;height: 36px;line-height: 36px;padding: 10px 10px 10px 86px;border: 1px solid #f5f5f5;font-size: 16px;font-weight: bold;background: url(../images/login/ipt_bg.png) 0 0 repeat;color: #bbb;border-radius: 6px;}
.login-box .ipt:focus{color: #333;border-color: #0174B3;}
.login-box .btn{width: 320px;padding: 0;height: 50px;line-height: 50px;border: 1px solid #00D936;background: #00D936;font-weight: bold;font-size: 20px;color: #fff;}
.login-box .btn:hover{border-color: #00A82B;background: #00A82B;}
.login-box .form-group{margin-bottom: 20px;font-weight: bold;}
/*.login-box .ft{padding: 15px 10px;text-align: center;color: #fff;font-size: 14px;}*/
.login-box .ft{height: 60px;line-height: 60px;display:block;background: url(../images/login/logo1.png) 50% 50% no-repeat;}
.login-box .ft h2{text-indent: -999em;}
.login-box label.placeholder {position: absolute;top: 10px;left: 90px;z-index: 1;width: 224px;height: 36px;line-height: 36px;color: #bbb;}
.login-box label.error{display: block;color: #ED5564;font-weight: normal;}
.login-box input.error{border-color: #ED5564;background: #fff url(../images/login/icon_error.png) 96% 50% no-repeat;}
.login-box input.valid{border-color: #00D936;background: #fff url(../images/login/icon_valid.png) 96% 50% no-repeat;}

.login-box .from-label-remember input{vertical-align: -2px;*vertical-align: -3px;}